﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title>@ViewBag.Title</title>
        <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
        <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
        <script type="text/javascript" src="../../Scripts/archi.js"></script>
        <script type="text/javascript" src="../../Scripts/popup.js"></script>
        <script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

        <script type="text/javascript">
            window.onload = function onload() {
                load();
            };
            function load() {
                var c = document.getElementById("nd");
                c.click();
            }
        </script>
        <style type="text/css">
            html,body {
                margin:0;
                padding:0;
                height: 100%;
                width: 100%;
                display: block
            }
        </style>
    </head>
<body>
        <div id="bd" >
            <div class="fade" ><img  src="/images/fade1.jpg" alt="pic 2" /></div>
            <div class="fade" ><img  src="/images/fade2.jpg" alt="pic 2" /></div>
            <div class="fade" ><img  src="/images/fade3.jpg" alt="pic 2" /></div>
            <div class="fade" ><img  src="/images/fade4.jpg" alt="pic 2" /></div>
            <div class="fade" ><img  src="/images/fade5.jpg" alt="pic 1" /></div>
            <div id="bg_img"></div>
            <div id="logo"><img src="../../images/logo.png" width="400" height="90" alt="" style=" margin-top: 20px" />
                <img src="../../images/slogan.png" alt=""/> 
            </div>
            <div id="biggestcontent">
                <div id="bullet">
                    <div class="img selected" id="4"></div>
                    <div class="img" id="3"></div>
                    <div class="img" id="2"></div>
                    <div class="img" id="1"></div>
                    <div class="img" id="0"></div>
                </div>
                <div id="nav">
                   @* <a name="noidung"></a>
                    <a href="#noidung" id="nd"></a>*@
                    <div class="menu"> <p><a href="@Url.Action("Index","Home")">Home</a></p></div>	
                    <div class="menu"> <p><a href="@Url.Action("Index","Gallery")">Gallery</a></p></div>
                    <div class="menu"> <p><a href="@Url.Action("Index","Project")">Projects</a></p></div>
                    <div class="menu"> <p><a href="@Url.Action("Index","Employee")">Company</a></p></div>
                    <div class="menu"> <p><a href="">Forum</a></p></div>
                    <div class="menu"> <p><a href="@Url.Action("Index","Contact")">Contact</a></p></div>			
                    <div id="user">@Html.Partial("_Log")</div>
                </div>
                <div style="margin-bottom: 50px">
                @RenderBody()
               </div>
                @* <div id="bottom">
                <div id="bottom_biggestcontent"></div>
                <div id="bottom_black_biggestcontent">
                 
                    <div style=" width:100%; height:30px; padding-top:10px; text-align:center">
                        Copyright Architecture Website - 2012<br/>
                        Produced By Lotus QL Professional Developers Team<br/>
                        Phone: 0934640710<br/>
                        Contact Email: trongnghia206@yahoo.com
                    </div>
            </div>*@
        </div>
        </div>   
</body>

</html>
